<template>
    <view class="content" v-if="isShow" @click.stop="isShow = false">
        <cover-view :style="{ zIndex: 199907040528 }">
            <canvas
                @click.stop=""
                :style="{ width: canvasW + 'px', height: canvasH + 'px' }"
                canvas-id="my-canvas"
            ></canvas>
        </cover-view>
        
        <view v-if="isDone" class="save-btn" :style="styleDiy" @click.stop="saveImage">保存图片</view>
    </view>
</template>

<script>
import Methods from './methods.js';
export default {
    ...Methods
};
</script>

<style scoped lang="scss">
.content {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 199907040527;
    .save-btn {
        margin-top: 35rpx;
        color: #ffffff;
        background: linear-gradient(to right, #fe726b, #fe956b);
        padding: 15rpx 40rpx;
        border-radius: 50rpx;
    }
}
</style>
